<template>
    <div class="ep-main">
        <slot v-if="data == 0"></slot>
        <!-- <div class="ep-empty" v-show="data == 502 || data == 503 || data == 504">
            <img src="../assets/no_network.png">
            <p>啊哦，网络飞走了，请稍后再试</p>
        </div> -->
        <!-- <div class="ep-loading" v-show="data == 9999">
            <mt-spinner type="triple-bounce"></mt-spinner>
        </div> -->
    </div>
</template>

<script>
export default {
    name: 'Main',
    props: {
        data: {
            type: Number,
            default: 9999
        }
    }
}
</script>

<style lang="less" scoped>
.ep-main {
    .ep-empty {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #999;
        font-size: .14rem;
        img {
            width: 1.2rem;
            height: 1.2rem;
        }
    }
    .ep-loading {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #f5f5f9;
        .display-flex;
        .align-items;
        .justify-content;
    }
}
</style>
